@baseSize: 20rpx;

@radius: 16rpx;
@radius-s: 8rpx;

@size-xxs: 0.3 * @baseSize;
@size-xs: 0.5 * @baseSize;
@size-s: 0.8 * @baseSize;
@size: @baseSize;
@size-l: 1.2 * @baseSize;
@size-xl: 1.5 * @baseSize;
@size-xxl: 1.8 * @baseSize;

@size-1: 2 * @baseSize;
@size-2: 1.8 * @baseSize;
@size-3: 1.6 * @baseSize;
@size-4: 1.4 * @baseSize;
@size-5: 1.2 * @baseSize;
@size-6: 1.1 * @baseSize;

@fs-xxs: 1.1 * @size;
@fs-s: 1.2 * @size;
@fs: 1.4 * @size;
@fs-l: 1.7 * @size;
@fs-xl: 2 * @size;
@fs-xxl: 4 * @size;

@colorWhite: white;
@colorBlack: #333333;
@colorOrange: #E30B1F;
@colorGray: #999999;
@colorLightGray: lighten(@colorGray, 30%);
@colorGreen: #09bb07;
@colorRed: #FF4C4C;
@colorYellow: #FCCF22;
@colorTeal: #00ADCE;
@colorBlue: #38ADCD;
@colorEEE:#eeeeee;
@colorCCC:#cccccc;
@colorDDD:#dddddd;
@colorDisable:#7FD6E6;

@colorPrimary: @colorTeal;
@colorSecondary: #00CFCB;
@colorDanger: @colorRed;
@colorInfo: lighten(@colorTeal, 10%);
@colorLink: #00ADCE;
@colorWarning: @colorYellow;
@colorGrayLight: lighten(@colorGray, 20%);
@colorGrayLighten: lighten(@colorGray, 40%);

@colorBorder: @colorLightGray;
